<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>工具栏</title>
    <link rel="stylesheet" type="text/css" href="../css/toolsview.css" />
</head>
<body ms-controller="toolsDetail">
Switch组件:
<div>
    <aoyou:switch config="$switchconfig1"></aoyou:switch>{{switchval}}
</div>
<br>
Rate组件:
<div>
    <aoyou:rate $id="rt0" config="$rateconfig" value="2"></aoyou:rate><span>{{rt}}星</span>
</div>
<br>
Tooltip组件(绑定在不同的组件上):
<div>
    <span tooltip="s1" ms-class="tip-explain"></span>
    <aoyou:tooltip fromtarget='s1' content="tooltip标准"></aoyou:tooltip>
</div>
<div>
    <aoyou:textbox tooltip="s2"></aoyou:textbox>
    <aoyou:tooltip fromtarget='s2'  config="$tpconfig2"></aoyou:tooltip>
</div>
<div>
    <aoyou:tags tooltip="s3" config="$tagsconfig1"></aoyou:tags>
    <aoyou:tooltip fromtarget='s3'  config="$tpconfig3"></aoyou:tooltip>
</div>
<br>
Tags组件:
<div><aoyou:tags config="$tagsconfig" ></aoyou:tags></div>
<br>
Draggable组件:
<div ms-draggable data-draggable-handle="handle" class="draggableexp1">
    <div class="draggableexp1_handle">拖我</div>
</div>
<div class="progressbarexp1" >
    Progressbar组件:
    <aoyou:progressbar $id="progressbar1" config="$progressconfig1"></aoyou:progressbar>
    <br><br>
    <input value="重置" type="button" ms-click="progressreset">&nbsp;&nbsp;
</div>
<br>
Slider组件:
<div>
    <aoyou:slider config="$sliderconfig1"></aoyou:slider>
    值为{{slidervalue}}，百分比为{{sliderpercent}}%;
</div>
<br>
Tree组件:
<div>
    <aoyou:tree config="$treeconfig1"></aoyou:tree>
</div>
<br>
smartdatepicker组件:
<div>
    <aoyou:smartdatepicker config="$smartdatepickerconfig1"></aoyou:smartdatepicker>
</div>
<br>
Doublelist组件:
<div>
    <aoyou:doublelist config="$doublelistconfig1" class="clearfix"></aoyou:doublelist>
</div>
<br>
<div class="fileuploader1">
    <p>Fileuploader组件:</p>
    <aoyou:fileuploader config="$fileuploaderconfig1"></aoyou:fileuploader>
</div>
<br>
</body>
</html>